<template>
  <div class="right-menu has-header">
    <component :is="righMenu" :item="item"></component>
  </div>
</template>
<script>
export default {
  props: ['item'],
  data () {
    return {

    }
  },
  computed: {
    righMenu () {
      console.log(this.item)
      return this.item.type ? this.item.type + '-prop-edit' : 'v-drm'
    }
  },
  methods: {
    doMenuItemSelect: function (i) {
      this.$emit('select', i)
    }
  }
}
</script>

<style lang="scss">
@import '../config/variables.scss';
.right-menu {
  position: absolute;
  right: 0;
  width: $right-menu-width;
  top: 0;
  background: $sub-container-bg-color;
  bottom: 0;
  overflow: scroll;
  &.has-header {
    top: 45px;
  }
}
</style>
